// 组件DEMO
const DemoRoot = resolve => require(['@/views/demo'], resolve)
const DemoMain = resolve => require(['@/views/demo/main'], resolve)
const DemoFlex = resolve => require(['@/views/demo/ui-flex'], resolve)
const DemoHeader = resolve => require(['@/views/demo/mt-header'], resolve)
const DemoTheme = resolve => require(['@/views/demo/theme'], resolve)
const DemoWingBlank = resolve => require(['@/views/demo/ui-wing-blank'], resolve)
const DemoWhiteSpace = resolve => require(['@/views/demo/ui-white-space'], resolve)

export default {
  path: 'demos',
  name: 'demos',
  component: DemoRoot,
  redirect: { name: 'demo-index' },
  children: [
    { path: 'index', name: 'demo-index', meta: { title: '组件库', requiresAuth: false }, component: DemoMain },
    { path: 'flex', name: 'demo-flex', meta: { title: 'Flex布局', requiresAuth: false }, component: DemoFlex },
    { path: 'header', name: 'demo-header', meta: { title: '页头', requiresAuth: false }, component: DemoHeader },
    { path: 'theme', name: 'demo-theme', meta: { title: '主题', requiresAuth: false }, component: DemoTheme },
    { path: 'wing-blank', name: 'demo-wing-blank', meta: { title: '两翼留白', requiresAuth: false }, component: DemoWingBlank },
    { path: 'white-space', name: 'demo-white-space', meta: { title: '上下留白', requiresAuth: false }, component: DemoWhiteSpace },
  ]
}
